<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>

<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
<meta name="format-detection" content="telephone=no,email=no,adress=no" />
<META HTTP-EQUIV="luxiaoqing" CONTENT="no-cache">

<%-- <jsp:include page="../lbi/merCommon.jsp"></jsp:include> --%>
<link rel="stylesheet"  type="text/css"  href="<c:url value="/css/all.css"/>" >
<link rel="stylesheet"  type="text/css"  href="<c:url value="/css/login.css"/>" >
<link rel="stylesheet"  type="text/css"  href="<c:url value="/css/business.css"/>" >

<script src='<c:url value="/js/uploadPreview.js"/>'></script>
<script src="<c:url value="/js/jquery.min.js"/>"></script>
<script src="<c:url value="/js/uploadPreview.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/distpicker.data.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/distpicker.js"/>"></script>
<script type="text/javascript" src="<c:url value="/js/selectdata.js"/>"></script>


<title>69圈城-商家</title>
</head>

<body>
<!--头部-->
<div class="business_top">

	<jsp:include page="../lbi/merHead.jsp"></jsp:include>
    
    <div class="clear"></div>
</div>
<!--头部end-->	

<div class="clear4"></div>

<!--中间-->
<div class="business_settled_info-center">
	<!--此处是提交资料-->
	<form method='post' action="<c:url value="/merchant/toMerchantRegister.do"/>" enctype="multipart/form-data" onsubmit="return checkUser();">
		<div class="business_settled_info-center-form">
	   	 	<div class="clear3"></div>
	        
	   	 	<div class="business_settled_info-center-form-span01">
	       	 	本地服务
	        </div>
	        
	        <div class="clear1"></div>
	        
	        <!-- <div class="business_settled_info-center-form-span02">
	      	  	*目前合作仅限上海地区
	        </div> -->
	        
	        <div class="clear4"></div>
	        
	    		<div class="business_settled_info-center-form-left">
	    		
	    		 <div class="business_settled_info-center-form-left-type"><!--商家类型-->
                        <div class="business_settled_info-center-form-left-span">
                        <span class="business_settled_info-center-form-left-span-span01">
                            *
                        </span>
                        
                        <span class="business_settled_info-center-form-left-span-span02">
                                商家类型
                        </span>
                        
                    </div>
                    
                    <span class="business_settled_info-center-form-left-type-select">
                        <select onchange=changeselect1(this.value) name="shopType" title="请选择" required>
                            <option value="0">请选择</option>
                            <c:forEach items="${listCategory }" var="businessCategoryEntity">
                                <option value="${businessCategoryEntity.bId }">${businessCategoryEntity.name}</option>
                            </c:forEach>
                        </select>
                    </span>
                    <span class="business_settled_info-center-form-left-type-select">
                        <select name="shopType2" id="shopType2"title="请选择" required>
                            <option value="0">请选择</option>
                        </select>
                    </span>
				
	            </div>
	            
	            <div class="clear3"></div>
	            
	            <div class="business_settled_info-center-form-left-demo01"><!--门店名称-->
		            	<div class="business_settled_info-center-form-left-span">
		                <span class="business_settled_info-center-form-left-span-span01">
		                    *
		                </span>
		                
		                <span class="business_settled_info-center-form-left-span-span02">
		                    门店名称
		                </span>
		            </div>
		                
	                <div class="business_settled_info-center-form-left-demo01-input">
	                		<input type="text" id="showName" name='store_name' required />
	                </div>
		                
	                <div class="clear"></div>
	            </div>
	            
	            <div class="clear3"></div>
	            
	            <div class="business_settled_info-center-form-left-person"><!--法人名称-->
	            		<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        法人名称
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-person-input">
	                	<input type="text" id="legalPersonName" name='owner_name' required />
	                </div>
	                
	                <div class="clear"></div>
	            </div>
	            
	            <div class="clear3"></div>
	            
	            <div class="business_settled_info-center-form-left-type"><!--城市-->
	            	<div class="business_settled_info-center-form-left-span">
	               	 	<span class="business_settled_info-center-form-left-span-span01">
	                    	*
	                    </span>
	                   	<span class="business_settled_info-center-form-left-span-span02">
	                    		城市
	                    </span>
	                </div>
	                <div data-toggle="distpicker">
					    <span class="business_settled_info-center-form-left-type-select">
							<select name="select_1"></select>
					    </span>
				 		<span class="business_settled_info-center-form-left-type-select">
							<select name="select_2"></select>
						</span>
						<span class="business_settled_info-center-form-left-type-select">
							<select name="select_3"></select>
						</span>
					</div>
					
	                <div class="clear"></div>
	            </div>
	            
	            <div class="clear3"></div>
	            
	            <div class="business_settled_info-center-form-left-address"><!--地址-->
	            		<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        地址
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-address-input">
	               	 	<input type="text"  name='address' required />
	                </div>
	                
	                <div class="clear"></div>
	            </div>
	            
	            <div class="clear"></div>
	            
	            <div class="clear3"></div>
	            
	            
	            
	            <div class="business_settled_info-center-form-left-phone"><!--门店电话-->
	            		<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        门店电话
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-phone-input">
	                		<input type="text" name='tel' onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)" required />
	                </div>
	                
	                <div class="clear"></div>
	            </div>
	            <div class="business_settled_info-center-form-left-span03">
	            		*请填写门店预约或者前台电话。
	            </div>
				
	            <div class="clear3"></div>
	            
				<div class="business_settled_info-center-form-left-phone"><!--人均消费-->
	           	 	<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        人均参考消费(¥)
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-phone-input">
	               	 	<input type="text" name='price' value="0.00" required />
	                </div>
	                
	                <div class="clear"></div>
	            </div>
				
	            <div class="clear3"></div>
	            
	            <div class="business_settled_info-center-form-left-introduce"><!--商家介绍-->
	           	 	<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        商家介绍
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-introduce-textarea">
		                	<div class="business_settled_info-center-form-left-introduce-textarea-span">
		                    	请按照如下格式填写商家内容（可参考填写示例）
		                </div>
	                    
	                    <div class="business_settled_info-center-form-left-introduce-textarea-input">
		                    	<textarea name='description' required placeholder="商家介绍：列如本店服务、本店特色等
套餐/产品：
人均消费：
日均可接待量：
其他介绍："></textarea>
	                    </div>
	                </div>
	                
	                <div class="clear"></div>
	            </div>
	            
	            <div class="clear"></div>
	            
	            <div class="business_settled_info-center-form-left-span03">
	            	
	                *请简单介绍一下商家信息和您想合作的大概内容，没有格式要求，简单清楚即可，便于工作人员能快速审核。具体的合作事项还是需要等业务员呢跟您当面沟通。
	            </div>
	            
	            <div class="clear3"></div>
	        </div>
	        
	        <div class="business_settled_info-center-form-right">
		        	<div class="business_settled_info-center-form-right-file">
		            	<div id="preview" class="business_settled_info-center-form-right-file-img">
		                	<img id='store_logo_img' src="<c:url value="/images/logo.jpg"/>" onclick="$('#previewImg').click();" />
							
	                </div>
		               
	                <div class="business_settled_info-center-form-right-file-input">
	               	 	<input type="file" name="file" id='store_logo_input' onchange="previewImage(this)" name='store_logo'  accept="image/png,image/jpg,image/jpg" />
						 
	                </div>
	            </div>
				<div style="padding-left: 5px;">上传商家LOGO</div>
	        </div>
	        
	        <div class="clear"></div>
	        
	        <div class="business_settled_info-center-form-bottom">
	        		<div class="clear4"></div>
	            
	        		<div class="business_settled_info-center-form-left-demo01"><!--经营者姓名-->
	           	 	<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        经营者姓名
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-demo01-input">
	                	<input type="text" name='manager_name' required />
	                </div>
	                
	                <div class="clear"></div>
	            </div>
	            
	            <div class="clear3"></div>
	            
	            <div class="business_settled_info-center-form-left-demo01"><!--手机号码-->
	            	<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        手机号码
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-demo01-input">
	               	 	<input type="text" name='manager_phone' maxlength="11"  onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)"  required/>
	                </div>
	                
	                <div class="clear"></div>
	            </div>
	            
	            <div class="clear"></div>
	            
	            <div class="business_settled_info-center-form-left-span03">
	          	  	*请填写经营者手机号码，以便联系。
	            </div>
	            
	            <div class="clear3"></div>
	            
	            <div class="business_settled_info-center-form-left-demo02"><!--上传营业执照等证件-->
	           	 	<div class="business_settled_info-center-form-left-span">
	                    <span class="business_settled_info-center-form-left-span-span01">
	                        *
	                    </span>
	                    
	                    <span class="business_settled_info-center-form-left-span-span02">
	                        证件照片
	                    </span>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-demo02-file">
	                		<div id="preview2" class="business_settled_info-center-form-left-demo02-file-img">
	                        <img src="<c:url value="/images/ziliao1.jpg"/>" id="image_1_img" onclick="$('#previewImg2').click();" />
	                    </div>
	                    
	                    <div class="business_settled_info-center-form-left-demo02-file-input">
	                        <input type="file" name='file' id="image_1_input" onchange="previewImage2(this)"  accept="image/png,image/jpg,image/jpg"/>
	                    </div>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-demo02-file">
	               	 	<div id="preview3" class="business_settled_info-center-form-left-demo02-file-img">
	                        <img src="<c:url value="/images/ziliao2.jpg"/>" id="image_2_img" onclick="$('#previewImg3').click();" />
	                    </div>
	                    
	                    <div class="business_settled_info-center-form-left-demo02-file-input">
	                        <input type="file" name='file' id="image_2_input" onchange="previewImage3(this)"  accept="image/png,image/jpg,image/jpg"/>
	                    </div>
	                </div>
	                
	                <div class="business_settled_info-center-form-left-demo02-file">
	               	 	<div id="preview4" class="business_settled_info-center-form-left-demo02-file-img">
	                        <img src="<c:url value="/images/ziliao3.jpg"/>" id="image_3_img" onclick="$('#previewImg4').click();" />
	                    </div>
	                    
	                    <div class="business_settled_info-center-form-left-demo02-file-input">
	                        <input type="file" name='file'  id="image_3_input" onchange="previewImage4(this)" accept="image/png,image/jpg,image/jpg"/>
	                    </div>
	                </div>
	                
	                <div class="clear"></div>
	                
	                <div class="business_settled_info-center-form-left-demo02-span">
	                	<div class="business_settled_info-center-form-left-demo02-span-demo">
	                    	经营者身份证（正）
	                    </div>
	                    
	                    <div class="business_settled_info-center-form-left-demo02-span-demo">
	                    	经营者身份证（反）
	                    </div>
	                    
	                    <div class="business_settled_info-center-form-left-demo02-span-demo">
	                    	营业执照
	                    </div>
	           		</div>
	            </div>
	            
	            <div class="clear"></div>
	            
	            <div class="business_settled_info-center-form-left-span03" style="width:100%;">
	            		*营业执照图片尺寸800px×800px以上，大小800k以内，格式png/jpg/jpeg。
	            </div>
	            
	            <div class="clear"></div>
	        	
	        </div>
	        
	        <div class="clear4"></div>
	         <div class="error">信息填写不完整</div>
	        <div class="clear1"></div>
	        
	        <div class="business_settled_info-center-form-sub">
	        		<input type="submit" value='提交'/>
	        </div>
	        
	   		 <div class="clear4"></div>
   		 </div>
	</form>
    <!--此处是提交资料end-->
	<div class="business_settled_info-center-word">
    		<div class="business_settled_info-center-word-img">
        		<h3>合作流程</h3>
        		<p>第一步：商家提交入驻信息</p>
        		<p>第二步：圈城资质审核(7个工作日)</p>
        		<p>第三步：圈城和商家电话沟通</p>
        		<p>第四步：圈城上门洽谈</p>
        </div>
        <div class="line2"></div>
        <div class="business_settled_info-center-word-img no1">
        		<h3>常见问题</h3>
        		<p>1.与圈城合作需要收费吗？
        		<br/>所有通过审核，符合上线要求的实物类项目，商家不需要缴纳保证金</p>
        		<p>2.对合作商家有什么要求？<br/>入住圈城平台的商家须为餐饮、休闲娱乐等行业的中高端线下实体店。</p>
        		<p>3.商服中心服务热线：400-679-9960。</p>
        		<p>4.商服中心服务热线打不通怎么办？<br/>商服中心的服务时间为每日10:00-19:00，请在工作时间拨打。</p>
        		<p>5.如果忘记密码怎么办？<br/>请点击登录窗口下方的：“忘记密码？”进行找回...</p>
        </div>
        
        <div class="business_settled_info-center-word-more">
        		<a href="http://69mark.com/common_problems.html">
            	查看更多
            </a>
        </div>
        
        <div class="clear4"></div>
    </div>
    
    <div class="clear2"></div>
</div>
<!--中间end-->


<div class="clear2"></div>

<!--底部-->
<div class="business_foot">
	<jsp:include page="../lbi/merFooter.jsp"></jsp:include>
</div>
<!--底部end-->

<div class="clear8"></div>
<style>
	.error{color: red; width:100%; text-align: center; display: none;}
</style>

<script type="text/javascript">

var _serviceURL = '/69mark/merchant';

function changeselect1(id){
	$.ajax({
        type : "POST",
        url : _serviceURL+"/toSelectCategoryTwo.do",
        cache : false,
        data : "parent="+id,
        dataType : 'json',
        success : function(data) {
            var result = "";

            for(var i=0;i<data.length;i++){
                result += "<option value="+data[i].bId+">"+data[i].name+"</option>";
            }
            
            $("#shopType2").html(result);
        }
	})
}

function checkUser() {
	var a = $("#imghead").attr("src");
	var b = $("#imghead2").attr("src");
	var c = $("#imghead3").attr("src");
	var d = $("#imghead4").attr("src");
	if (a != undefined && b != undefined && c != undefined && d != undefined) {
		return true;
	} else {
		$(".error").show();
		return false;
	}
}
</script>

</body>
</html>

